<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS_伪类选择器_目标伪类</title>
  <style>
    div{
        background-color: yellow;
        width: 200px;
        height: 200px;
    }
    /*选中锚点 target所指向的元素*/
    div:target{
        background-color: red;
    }
  </style>
</head>
<body>
    <a href="#one">去看第一个</a>
    <a href="#two">去看第二个</a>
    <a href="#three">去看第三个</a>
    <a href="#four">去看第四个</a>
    <a href="#five">去看第五个</a>
    <a href="#six">去看第六个</a>

    <div id = "one">第1个</div>
    <br>
    <div id = "two">第2个</div>
    <br>
    <div id = "three">第3个</div>
    <br>
    <div id = "four">第4个</div>
    <br>
    <div id = "five">第5个</div>
    <br>
    <div id = "six">第6个</div>
</body>
</html>